<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>40-深拷贝-JSON序列化</title>
</head>
<body>
    <script>
        // 深拷贝实现方式一：JSON序列化（常用的方式）
        // const obj = {
        //     name:'周思涵',
        //     family:{
        //         father:'周爸爸'
        //     },
        //     hobby:['打游戏','睡觉']
        // }

        // console.log(obj)
        // console.log(JSON.stringify(obj))
        // console.log(JSON.parse(JSON.stringify(obj)))

        // const newObj = JSON.parse(JSON.stringify(obj))
        // console.log(obj)
        // console.log(newObj)

        // // console.log(obj === newObj)  // false

        // newObj.family.father = '周父'
        // console.log(obj)
        // console.log(newObj)
        
        // 注意事项：JSON.stringify序列化的时候会忽略 function undefined

        const obj = {
            name:'周思涵',
            family:{
                father:'周爸爸'
            },
            hobby:['打游戏','睡觉'],
            sayHi() {
                console.log('我会飞')
            }
        }
        const newObj = JSON.parse(JSON.stringify(obj))
        console.log(obj)
        console.log(newObj)

        
    </script>
</body>
</html>